<%--
  Created by IntelliJ IDEA.
  User: 田同学
  Date: 2022/1/13
  Time: 10:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<%--审核--%>
<body>
<!-- 模态框（Modal） -->
<div  class="modal fade" id="myModal_audit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel_audit" aria-hidden="true">
    <div class="modal-dialog"  style="width: 80%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel_audit">产品设计--产品物料组成设计--物料组成设计单审核</h4>
            </div>
            <div class="modal-body">
                <div>
                    <div style="position: relative;left: 43%"><b style="font-size: 35px">物料组成设计单</b></div>
                    <br><br>
                    <div id="commit_audit_div" style="position: relative;left: 84%">
                        <input type="radio" checked="checked" name="radio_audit" style="width: 20px;height: 20px;position: relative;top: 5px;right: 3px" value="S001-2"><label style="color: red">未通过</label>&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="radio_audit" style="width: 20px;height: 20px;position: relative;top: 5px;right: 3px" value="S001-1"><label style="color: #31d434">通过</label>&nbsp;&nbsp;&nbsp;
                        <button id="commit_audit"  class="btn btn-success" >确认</button>
                    </div>
                        <br><br>
                    <div class="row">
                        <div class="col-md-6 form-inline">
                            <label>产品名称：</label> <span id="PRODUCT_NAME_audit" style="width: 70%"></span>
                        </div>
                        <div class="col-md-6 form-inline" >
                            <div style="position: relative;left: 50%">
                                <label >产品编号：</label > <span  id="PRODUCT_ID_audit"></span>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-6 form-inline">
                            <label>设计人：</label> <input id="DESIGNER_audit"  class="form-control" style="width: 70%">
                        </div>
                        <div class="col-md-6 form-inline" >
                            <div style="position: relative;left: 50%">
                                <label>设计单编号：</label > <span  id="DESIGN_ID_audit"></span>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div id="div_audit02"></div>
                    <table id="table_audit02">

                    </table>
                    <br><br><br>
                    <div class="row">
                        <div class="col-md-6 form-inline">
                            <label>登记人：</label> <input type="text" id="register_audit" class="form-control" style="width: 70%">
                        </div>
                        <div class="col-md-6 form-inline" >
                            <div style="position: relative;left: 50%">
                                <label >审核时间：</label > <span id="date_audit" ></span>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div>
                        <label style="position: relative;top: -45px">设计要求:</label><textarea id="MODULE_DESCRIBE_audit" style="height: 100px;width: 90%"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<input type="hidden" id="pid_audit">

    <table id="table_audit">

    </table>
<script>
    var params = {
        url: "${pageContext.request.contextPath}/querybyDmodule.action",
        method: 'GET',                      //请求方式（*）
        toolbar: '#toolbar',              //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 5,                     //每页的记录行数（*）
        pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: false,                      //是否显示表格搜索
        strictSearch: true,
        showColumns: true,                  //是否显示所有的列（选择显示的列）
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                  //是否显示父子表
        //传递额外的查询用的参数
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pagesize: params.limit,     //页面大小
                pageno: (params.offset / params.limit) + 1,   //页码
                checkTag:"S001-0",
            };
            return temp;
        },
        columns: [
            // {
            //     title: "全选",
            //     field: "",
            //     checkbox:true
            // },
            {
                title: "设计单编号",
                field: "designId"
            },
            {
                title: "产品编号",
                field: "productId"
            },
            {
                title: "产品名称",
                field: "productName"
            },
            {
                title: "设计人",
                field: "designer",
            },
            {
                title: "登记时间",
                field: "registerTime",
            },

            {
                title: "物料总成本",
                field: "costPriceSum",
            },
            {
                title: "审核",
                field: "",
                formatter: function (value, row, index) {
                    return "<input type='button' onclick='audit("+row.id+")'  value='审核' class='btn btn-warning' data-toggle='modal' data-target='#myModal_audit'>";

                }
            }
        ]
    };
    $("#table_audit").bootstrapTable(params);

    //第三个table
    setTimeout(function () {
        var params = {
            url: "${pageContext.request.contextPath}/querybypid.action",
            method: 'GET',                      //请求方式（*）
            <%--    toolbar: '#div_design03',              //工具按钮用哪个容器--%>
            striped: true,                      //是否显示行间隔色
            <%--    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）--%>
            <%--    pagination: true,                   //是否显示分页（*）--%>
            <%--    sortable: true,                     //是否启用排序--%>
            <%--    sortOrder: "asc",                   //排序方式--%>
            <%--    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）--%>
            <%--    pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录--%>
            <%--    pageSize: 5,                     //每页的记录行数（*）--%>
            <%--    pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）--%>
            <%--    search: false,                      //是否显示表格搜索--%>
            <%--    strictSearch: true,--%>
            <%--    showColumns: true,                  //是否显示所有的列（选择显示的列）--%>
            showRefresh: true,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            height: 200,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            <%--    uniqueId: "id",                     //每一行的唯一标识，一般为主键列--%>
            <%--    showToggle: true,                   //是否显示详细视图和列表视图的切换按钮--%>
            <%--    cardView: false,                    //是否显示详细视图--%>
            <%--    detailView: false,                  //是否显示父子表--%>
            <%--    //传递额外的查询用的参数--%>
            queryParams: function (params) {
                //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                var temp = {
                    pagesize: params.limit,     //页面大小
                    pageno: (params.offset / params.limit) + 1,   //页码
                    id:$("#pid_audit").val()
                };
                return temp;
            },
            columns: [
                {
                    title: "序号",
                    field: "detailsNumber",
                },
                {
                    title: "物料编号",
                    field: "productId",
                },
                {
                    title: "物料名称",
                    field: "productName"
                },
                {
                    title:"描述",
                    field: "productDescribe",
                },
                {
                    title: "用途类型",
                    field: "type",
                    formatter:function (value) {
                        if (value=="Y001-1"){
                            return "商品";
                        }else
                        if (value=="Y001-2"){
                            return "物料";
                        }
                    }
                },
                {
                    title: "数量",
                    field: "amount",
                    formatter:function(value){

                        return"<input type='number' value='"+value+"' required='true' placeholder='请输入数量'  name='num_audit'  class='form-control'>";
                    }
                },
                {
                    title: "单位",
                    field: "amountUnit",
                },
                {
                    title: "计划成本单价",
                    field: "costPrice",
                },
                {
                    title: "小计",
                    field: "subtotal",
                }
            ]
        };
        $("#table_audit02").bootstrapTable(params);
    },1000)



    //审核
    function audit(id) {
        $("#pid_audit").val(id)
        $.get("${pageContext.request.contextPath}/querybyid.action",{id:id},
            function (data) {
                console.log(data)
                $("#PRODUCT_NAME_audit").text(data.productName)
                $("#PRODUCT_ID_audit").text(data.productId)
                $("#register_audit").val(data.register)
                $("#DESIGN_ID_audit").text(data.designId)
                $("#MODULE_DESCRIBE_audit").val(data.moduleDescribe)
                $("#DESIGNER_audit").val(data.designer)
            },"json")
        //当前时间
        $(document).ready(function () {
            var starDate =new Date();
            $("#date_audit").text(starDate.getFullYear()
                +"-"+starDate.getMonth()+1
                +"-"+starDate.getDate()
                +" "+starDate.getHours()
                +":"+starDate.getMinutes()
                +":"+starDate.getSeconds()
            )
        })
    }
    //提交
    $("#commit_audit").click(function () {
        $.post("${pageContext.request.contextPath}/updatebycheck.action",
        {id:$("#pid_audit").val(),checkTag:$("#commit_audit_div input:checked").val(),designer:$("#DESIGNER_audit").val(),
        register:$("#register_audit").val(),moduleDescribe:$("#MODULE_DESCRIBE_audit").val(),checkTime:$("#date_audit").text()
        },
        function (data) {
            alert(data.msg)

            if (data.code>0){
                $("#table_audit").bootstrapTable("refresh");
                $("#myModal_audit").modal("hide");
            }

        },
        "json"
        )

    })



</script>
</body>
</html>
